<header>
    <div class="container">
        <div class="intro">
         <p class="intro__pre"> <big>Hello😆</big> <br></br></p>
            <p class="intro__main">My name is <span>{{ site.name }}</span>, <br></br> {{ site.job }}</p>
            <p class="intro__post">{{ site.location }}</p>
        </div>

        {{ if site.github_username or site.codepen_username or site.twitter_username or site.email_address }}
        <div class="social">
            {{ if site.github_username }}<a href="http://github.com/{{ site.github_username }}" target="_blank">GitHub</a>{{ endif }}
            {{ if site.gitee_username }}<a href="http://gitee.com/{{ site.github_username }}" target="_blank">Gitee</a>{{ endif }}
            {{ if site.github_username }}<a href="http://m.qpic.cn/psb?/V13mENKn2nF7MO/X5JHDQhTYN4dOjKTW7*X4PDvgFqLA02V1qHAP2TDIK8!/b/dLYAAAAAAAAA&bo=AgECAQAAAAARBzA!&rf=viewer_4 }}" target="_blank">Wechat</a>{{ endif }}
            {{ if site.email_address }}<a href="mailto:{{ site.email_address }}" target="_blank">Email</a>{{ endif }}

        </div>
        {{ endif }}

    </div>
</header>
